<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>伊蒂之屋</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="libs/swiper/css/swiper.min.css">
  </head>
  <body>
    <header>

    </header>
    <div class="container">

      <!-- 轮播图 -->
      <div class="swiper-container">
        <ul id="imgs" class="swiper-wrapper">
          <li class="swiper-slide"><a href="#"><img src="images/banner1.jpg" alt=""></a></li>
          <li class="swiper-slide"><a href="#"><img src="images/banner2.jpg" alt=""></a></li>
          <li class="swiper-slide"><a href="#"><img src="images/banner3.jpg" alt=""></a></li>
          <li class="swiper-slide"><a href="#"><img src="images/banner4.jpg" alt=""></a></li>
          <li class="swiper-slide"><a href="#"><img src="images/banner5.jpg" alt=""></a></li>
        </ul>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
      </div>
      <!-- <div class="pages">
  			<div class="dots">
          <i class="current"></i>
          <i></i>
    			<i></i>
    			<i></i>
    			<i></i>
        </div>
  		</div> -->

      <!-- 当季新品 -->
      <div id="new_pro">
        <div id="new_nav">
          <p>当季新品</p>
          <a href="#"><img src="/images/index_icon.jpg" alt=""></a>
        </div>
        <div id="products">
          <dl>
            <dt><img src="/images/pic1.jpg" alt=""></dt>
            <dd class="pro_intr">伊蒂之屋焦点明眸眼影</dd>
            <dd class="pro_price">￥48.00</dd>
          </dl>
          <dl>
            <dt><img src="/images/pic2.jpg" alt=""></dt>
            <dd class="pro_intr">伊蒂之屋迷你双芯唇膏</dd>
            <dd class="pro_price">￥58.00</dd>
          </dl>
          <dl>
            <dt><img src="/images/pic3.jpg" alt=""></dt>
            <dd class="pro_intr">伊蒂之屋玩转多功能美妆棒</dd>
            <dd class="pro_price">￥108.00</dd>
          </dl>
          <dl>
            <dt><img src="/images/pic4.jpg" alt=""></dt>
            <dd class="pro_intr">伊蒂之恒妆匀净菁华粉底液</dd>
            <dd class="pro_price">￥178.00</dd>
          </dl>
        </div>
        <div id="show">
          <div id="show_left">
            <h1>#热门话题</h1>
            <p class="topics">#红贝贝同款</p>
            <p class="topics">#坚果&鲜果</p>
            <p class="topics">#面膜囤囤囤</p>
            <p class="topics">#小猪皮杰</p>
            <p class="topics">#玩转101</p>
            <p class="topics">#玻尿酸粉底液</p>
          </div>
          <div id="show_right">
            <dl>
              <dt><img src="/images/show2.jpg" alt=""></dt>
              <dd class="one_des">解锁你的</dd>
              <dd class="two_des">玻尿酸粉底液</dd>
            </dl>
            <dl>
              <dt><img src="/images/show3.jpg" alt=""></dt>
              <dd class="one_des">色彩测试及彩妆服务</dd>
              <dd class="two_des">在线预约</dd>
            </dl>
          </div>
        </div>
        <div id="play_beaut">
          <div id="play_nav">
            <p>玩美心得</p>
            <a href="#"><img src="/images/index_icon.jpg" alt=""></a>
          </div>
          <div id="play_show">
            <dl>
              <dt class="pss"><img src="/images/ps1.jpg" alt=""></dt>
              <dd class="pstext">表白爱琳！表白坚果！</dd>
            </dl>
            <dl>
              <dt class="pss"><img src="/images/ps2.jpg" alt=""></dt>
              <dd class="pstext">终于入手居居们~</dd>
            </dl>
            <dl>
              <dt class="pss"><img src="/images/ps3.jpg" alt=""></dt>
              <dd class="pstext">大爱ETUDE~</dd>
            </dl>
            <dl>
              <dt class="pss"><img src="/images/ps4.jpg" alt=""></dt>
              <dd class="pstext">这个海绵宝宝不要太可爱！</dd>
            </dl>
            <dl>
              <dt class="pss"><img src="/images/ps5.jpg" alt=""></dt>
              <dd class="pstext">高颜值粉底液</dd>
            </dl>
            <dl>
              <dt class="pss"><img src="/images/ps6.jpg" alt=""></dt>
              <dd class="pstext">小猪羞羞^</dd>
            </dl>

          </div>
        </div>
      </div>

    </div>
    <footer>
    </footer>


    <script src="libs/requirejs/require.js" data-main="js/index"></script>
  </body>
</html>
